.expressState {
    background-color: #04D2C3;
    .top {
        overflow: hidden;
        padding: 4vw 4vw;
        image {
            width: 58vw/3.75;
            height: 58vw/3.75;
            float: left;
            margin-right: 3vw;
            border-radius: 2vw;
        }
        .state {
            font-size: 15vw/3.75;
            color: #fff;
            line-height: 58vw/3.75;
            float: left;
        }
    }
    .detail {
        border-radius: 4vw 4vw 0 0;
        background-color: #fff;
        padding: 6vw 4vw;
        .tip {
            margin-left: 33vw;
            font-size: 4.2vw;
        }
        .site {
            color: #999999;
            overflow: hidden;
            margin-left: 11vw;
            // margin-bottom: 5vw;
            padding-bottom: 5vw;
            .img {
                width: 6vw;
                float: left;
                margin-right: 3vw;
                margin-top: 2vw;
                position: relative;
                image {
                    width: 100%;
                }
                &::after {
                    content: '';
                    position: absolute;
                    width: 1px;
                    height: 8vw;
                    background-color: #F5F5F5;
                    left: 3vw;
                    bottom: -6.8vw;
                    // z-index: 1;
                }
            }
            .detailSite {
                width: 72vw;
                color: #999999;
                font-size: 13vw/3.75;
                float: left;
            }
        }
        >view:nth-child(2){
            color: #333;
        }
        .li {
            color: #999999;
            overflow: hidden;
            padding: 5vw 0;
            .data {
                float: left;
                text-align: right;
                width: 10vw;
                margin-top: 0.5vw;
                .data1 {
                    font-size: 3.2vw;
                }
                .data2 {
                    font-size: 3vw;
                }
            }
            .img {
                margin-top: 2vw;
                margin-left: 1.5vw;
                margin-right: 2.5vw;
                width: 5vw;
                float: left;
                position: relative;
                // z-index: 6;
                &::before {
                    content: '';
                    position: absolute;
                    width: 1px;
                    height: 15vw;
                    background-color: #F5F5F5;
                    left: 2.5vw;
                    top: -14.8vw;
                    // z-index: 1;
                }
                &::after {
                    content: '';
                    position: absolute;
                    width: 1px;
                    height: 15vw;
                    background-color: #F5F5F5;
                    left: 2.5vw;
                    bottom: -13.8vw;
                    // z-index: 1;
                }
                image {
                    width: 100%;
                }
            }
            
            .detailSite {
                width: 73vw;
                float: left;
                .detailState {
                    font-size: 3.73vw;
                }
                .currentSite {
                    font-size: 3.2vw;
                }
            }
        }
        .li:last-child {
            .img {
                &::after {
                    content: '';
                    width: 0;
                    background-color: #fff;
                }
            }
        }
    }
}